<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="{$site.description}">
        <meta name="author" content="">
        <title>{$site.name}</title>
        <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />
        <!-- Bootstrap Core CSS -->
        <link href="__CDN__/assets/libs/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
        <link href="__CDN__/assets/css/index.css" rel="stylesheet">
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <script type="text/javascript">
            window.onload = function(){
                function $(param){
                    if(arguments[1] == true){
                        return document.querySelectorAll(param);
                    }else{
                        return document.querySelector(param);
                    }
                }
                var $box = $(".box");
                var $box1 = $(".box-1 ul li",true);
                var $box2 = $(".box-2 ul");
                var $box3 = $(".box-3");
                var $length = $box1.length;
                
                var str = "";
                for(var i =0;i<$length;i++){
                    if(i==0){
                        str +="<li class='on'>"+(i+1)+"</li>";
                    }else{
                        str += "<li>"+(i+1)+"</li>";
                    }
                }
                $box2.innerHTML = str;
                
                var current = 0;
                
                var timer;
                timer = setInterval(go,2000);
                function go(){
                    for(var j =0;j<$length;j++){
                        $box1[j].style.display = "none";
                        $box2.children[j].className = "";
                    }
                    if($length == current){
                        current = 0;
                    }
                    $box1[current].style.display = "block";
                    $box2.children[current].className = "on";
                    current++;
                }
                
                for(var k=0;k<$length;k++){
                    $box1[k].onmouseover = function(){
                        clearInterval(timer);
                    }
                    $box1[k].onmouseout = function(){
                        timer = setInterval(go,2000);
                    }
                }
                for(var p=0;p<$box3.children.length;p++){
                    $box3.children[p].onmouseover = function(){
                        clearInterval(timer);
                    };
                    $box3.children[p].onmouseout = function(){
                        timer = setInterval(go,1000);
                    }
                }
                
                for(var u =0;u<$length;u++){
                    $box2.children[u].index  = u;
                    $box2.children[u].onmouseover = function(){
                        clearInterval(timer);
                        for(var j=0;j<$length;j++){
                            $box1[j].style.display = "none";
                            $box2.children[j].className = "";
                        }
                        this.className = "on";
                        $box1[this.index].style.display = "block";
                        current = this.index +1;
                    }
                    $box2.children[u].onmouseout = function(){
                        timer = setInterval(go,2000);
                    }
                }
                
                $box3.children[0].onclick = function(){
                    back();
                }
                $box3.children[1].onclick = function(){
                    go();
                }
                function back(){
                    for(var j =0;j<$length;j++){
                        $box1[j].style.display = "none";
                        $box2.children[j].className = "";
                    }
                    if(current == 0){
                        current = $length;
                    }
                    $box1[current-1].style.display = "block";
                    $box2.children[current-1].className = "on";
                    current--;
                }
            }
            </script>
    </head>
    <body id="page-top">
        {include file="common/header" /}
        <div class="bg">
        <main id="mainbody">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12" style="margin: 30px 0 0 0; padding: 0;">
                        <div class="index-boxtop">
                            <span class="news_bigtitle"><span class="big_title"><img src="/assets/img/newspic.png"> 新闻中心</span></span>
                            <span class="more"><A href="/index/article/index?tag=15">更多>></A></span>
                        </div>
                        <div class="col-sm-12 news_box" style="margin: 0; padding: 10px;">
                            <div class="col-sm-4 rightbj">                               
                                <div class="box">
                                    <div class="box-1">
                                        <ul>
                                            {volist name = 'lunbo' id = 'vo'}
                                            <li><a href="/index/article/detail?cid={$vo.category_id}&id={$vo.id}">
                                                <img src="{$vo.image}" alt="{$vo.title}"></img>
                                                <h2><?php echo mb_substr($vo['description'],0,19,'utf-8')?></h2>
                                            </a>
                                            </li>
                                            {/volist}
                                        </ul>
                                    </div>
                                    <div class="box-2">
                                        <ul>
                                        </ul>
                                    </div>
                                    <!-- <div class="box-3">
                                        <span class="prev"> < </span>
                                        <span class="next"> > </span>
                                    </div> -->
                                </div>
                            </div>
                            <div class="col-sm-8 bianji" >
                                {volist name = 'newslist' id = 'vo' key='j'}
                                <div class="col-sm-12 {if condition='$j neq 3'}lifff{/if}" style="background-color: #fff;opacity:1;padding: 10px; line-height: 27px;">
                                       <div class="col-sm-12 bianji">
                                           <div class="col-sm-8 col-xs-8 bianji" style="color: #036E6A;font-size: 14px;font-weight: bold;"><a href="/index/article/detail?cid={$vo.category_id}&id={$vo.id}">{$vo.title}</a></div>
                                           <div class="col-sm-4 col-xs-4 bianji" style=" text-align: right;">{$vo.createtime|date="Y年m月d日",###}</div></div>
                                       <div class="col-sm-12 bianji"><?php echo mb_substr($vo['description'],0,110,'utf-8')?></div>
                                </div>
                                {/volist}
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12" style="margin: 30px 0 30px 0; padding: 0;">
                        <div class="col-sm-6 rightbj">
                            <div class="index-boxtop">
                                <span class="news_bigtitle"><span class="big_title"><img src="/assets/img/ggico.png"> 公告</span></span>
                                <span class="more"><A href="/index/article/index?tag=14">更多>></A></span>
                            </div>
                            <div class="col-sm-12 news_box" style="margin: 0;  padding: 10px 10px 0 10px;">
                                <div class="col-sm-12 bianji" >
                                    {volist name = 'ggslist' id = 'vo' key='k'}
                                    <div class="col-sm-12 lifff" style="background-color: #fff;padding: 5px; line-height: 27px;">
                                        <div class="col-sm-12 bianji">
                                            <div class="col-sm-8  col-xs-8 bianji" style="font-size: 14px;font-weight: bold;"><img src="/assets/img/ico.png">&nbsp;&nbsp;<a href="/index/article/detail?cid={$vo.category_id}&id={$vo.id}">{$vo.title}</a></div>
                                            <div class="col-sm-4  col-xs-4 bianji" style=" text-align: right;">{$vo.createtime|date="Y年m月d日",###}</div></div>
                                        <div class="col-sm-12 bianji"><?php echo mb_substr($vo['description'],0,36,'utf-8')?></div>
                                    </div>
                                    {/volist}
                                </div>
                            </div>

                        </div>
                        <div class="col-sm-6" style="margin: 0; padding: 0;">
                            <div class="index-boxtop">
                                <span class="news_bigtitle"><span class="big_title"><img src="/assets/img/messico.png"> 通知</span></span>
                                <span class="more"><A href="/index/article/index?tag=16">更多>></A></span>
                            </div>
                            <div class="col-sm-12 news_box" style="margin: 0; padding: 10px 10px 0 10px;">
                                <div class="col-sm-12 bianji" >
                                    {volist name = 'tzlist' id = 'vo'}
                                    <div class="col-sm-12 lifff" style="background-color: #fff;padding: 5px; line-height: 27px;">
                                        <div class="col-sm-12 bianji">
                                            <div class="col-sm-8  col-xs-8 bianji" style="font-size: 14px;font-weight: bold;"><img src="/assets/img/ico.png">&nbsp;&nbsp;<a href="/index/article/detail?cid={$vo.category_id}&id={$vo.id}">{$vo.title}</a></div>
                                            <div class="col-sm-4  col-xs-4 bianji" style=" text-align: right;">{$vo.createtime|date="Y年m月d日",###}</div></div>
                                        <div class="col-sm-12 bianji"><?php echo mb_substr($vo['description'],0,36,'utf-8')?></div>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </div>
       {include file="common/footer"}
    </body>

</html>
